<template>
  <f7-page>
    <f7-navbar :title="$t('m.sbp1')" back-link=" "></f7-navbar>

    <my-select v-model="selectedBi">
      <my-select-item v-for="(item, index) in biList" :key="index">{{item.key}}</my-select-item>
    </my-select>
  </f7-page>
</template>

<script>
  import MySelect from '../ajComponents/smartSelect';
  import MySelectItem from '../ajComponents/smartSelect/item';
  export default {
    name: "select-bi-page",
    data () {
      return {
        biList: [
          {
            key: 'FIRMA',
            id: 1
          },
          {
            key: 'BDF',
            id: 2
          },
          {
            key: 'USDT',
            id: 3
          },
          {
            key: 'SEELE',
            id: 4
          }
        ],
        selectedBi: 1
      }
    },
    components: {
      MySelect,
      MySelectItem
    }
  }
</script>

<style scoped>

</style>
